<template>
  <div id='tmpl'>
        <mt-swipe :auto="1000">
            <mt-swipe-item v-for="(item,index) in imgs" :key="index">
                <img :src="item.img || item.src"> <!-- 由于使用的两个父组件src不一样所以用短路公式 -->
        </mt-swipe-item>
        </mt-swipe>
  </div>
</template>
<script>
export default {
  name: "component_name",
  data () {
    return {
    };
  },
  props:["imgs"]
}
</script>
<style lang="css" scoped>
 .mint-swipe{
        height: 300px;
    }
    .mint-swipe-item img{
        width: 100%;
    }
</style>